* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
     font-size: 12px; 
    line-height: 18px; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    //color: #727272;
     background: url(images/body-pattern.png) repeat 0 0; 
    min-width: 100%; 
}



/*font-family: 'Raleway', sans-serif;*/
// #cc6666 rojo claro

a { color: #00acef; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
a:visited{color: #cc3300;text-decoration: none;}

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 981px; margin: 0 auto; }
.container { background: url(images/container.png) repeat-y center 0; box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.05); -o-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.05);  }


#header { margin-bottom: 15px;  position: relative; padding-top: 0px;  height: 30px;  }
#logo { width: 350px; font-size: 0; line-height: 0; position:absolute; left: 21px; }
#logo a {height: 95px; display: block; background: url(../Logos/logosUnivalle.png) no-repeat 0 0; text-indent: -4000px; }
.search { width: 210px; margin-left: auto; padding-right: 21px; }
.search input.field { float:left; width: 166px; padding:0 8px; height: 24px; line-height: 24px;  border: 1px solid #d3d3d3; font-size: 11px; color:#bebebe; background: #ededed; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
.search input.search-btn { float:left;  font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; width: 20px; height: 26px; border: 0; background: url(images/search-ico.png) no-repeat 0 0; }

#navigation { padding:0 21px;   margin-bottom: 15px; line-height: 1px; }
#navigation ul { list-style:none; list-style-position: outside; }
#navigation ul li { float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 500; }
#navigation ul li:first-child { padding-left: 0; }
#navigation ul li a { color: #4a4a4a; padding: 0 7px; display:block; height: 21px; line-height: 21px; border: 2px solid transparent; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
#navigation ul li.active a,
#navigation ul li a:hover { border: 2px solid #029cdb;  background: url(images/nav-btn.png) repeat-x 0 0; color:#fff; text-decoration: none; }
#navigation a.nav-btn { display:none; }

.slider-holder { position: relative; margin-bottom:15px;   }

.slider {  width: 938px; position:relative; overflow: hidden;   padding:0 21px; }
.slider ul {  list-style:none; list-style-position: outside;  }


.slider h4 { color:#fff; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: 500; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; text-transform: uppercase; }
.slider h2 { color:#f8f8f8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 56px; line-height:56px; padding-bottom: 12px; font-weight: 700; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; }
.slider p { color:#fff; }
.slider p a { color:#fff; text-decoration: underline; }
.slider p a:hover { text-decoration: none; }

.slider img { float:left; margin-right:50px; margin-left: 24px;  }
.slider .socials { width: 158px; margin-left: auto;}
.slider .socials a { width: 31px; height: 30px; float:left; margin-left: 6px;  background: url(images/socials.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }

.slider .socials a.facebook-ico { background-position: 0 0; }
.slider .socials a.facebook-ico:hover { background-position:0 bottom; }

.slider .socials a.twitter-ico { background-position:-37px 0; }
.slider .socials a.twitter-ico:hover { background-position:-37px bottom; }

.slider .socials a.skype-ico { background-position:-75px 0; }
.slider .socials a.skype-ico:hover { background-position:-75px bottom; }

.slider .socials a.rss-ico { background-position: -114px 0; }
.slider .socials a.rss-ico:hover { background-position: -114px bottom; }

#thumbs-wrapper { width: 90px; padding: 0 20px; position: absolute; bottom: 80px; right: 25px; overflow: hidden; }
#thumbs-wrapper a#prev { width: 12px; height: 17px; position:absolute; top: 50%; margin-top: -8px; left: 0; background: url(images/left-arr.png) no-repeat 0 0;}
#thumbs-wrapper a#next { width: 12px; height: 17px; position: absolute; top: 50%; margin-top: -8px; right: 0px; background: url(images/right-arr.png) no-repeat 0 0; }
#thumbs { height: 80px; width: 434px; position:relative; overflow: hidden; padding-top:7px; }
#thumbs a { 
    margin-bottom:8px;
    width: 4px; 
    height: 4px; 
    margin-right: 8px; 
    float:left; 
    background: #fff; 
    padding: 3px; 
    border-radius: 90px; 
    -moz-border-radius: 90px; 
    -webkit-border-radius: 90px; 
    -o-border-radius: 90px; 
    border: 3px solid #d5d5d5; }
#thumbs a img { width: 10px; height: 10px; float:left; }

#thumbs a.selected { height: 12px; position:relative; margin-top: -7px; opacity: 1; } 
#thumbs a.selected img { height: 12px; }

.main { padding:0 20px; }

.featured { margin-left: 6px; margin-right: 6px; background: #f1f1f1; border: 1px solid #e5e5e5; margin-bottom: 15px;  position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
.featured h4 { font-family: Verdana, Arial, Helvetica, sans-serif;  line-height: 30px; font-size: 11px; color:#4a4a4a; font-weight:400; }
.featured h4 strong { color:#00acef; font-weight: 600; }
.featured a.blue-btn {  width: 189px; height: 39px; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px;  position: absolute; top: 64%; margin-top: -20px;  right: 9px; display: block; font-size: 11px; font-weight: 500; color:#fff; text-align: center; line-height: 39px;
}
.featured a.blue-btn:hover { background-position:0 bottom; }

.main a:hover { text-decoration: none; }
.main .cols { padding-bottom: 15px;  }
.main .cols .col { float:left; width: 286px; padding-right: 40px; }
.main .cols .col.last { padding-right: 0; }
.main .cols .col img.left { margin-right: 24px; margin-bottom:10px;  }
.main .cols .col a { text-decoration: none; }
.main .cols .col ul { list-style:none; list-style-position: outside; }
.main .cols .col ul li.first { padding-top:2px; }
.main .entries { background: url(images/entries.png) repeat-y 0 0; position:relative; margin: 0 -20px; margin-bottom: 1px; border-bottom: 1px solid #e8e8e8;  }
.main .entries .entry { width: 286px; float:left; padding-right: 40px; }
.main .entries .entry.last { padding-right:0; }
.main .entries .entry p.meta { color: #cbcbcb; }
.main .entries .entry p.meta a { color: #cbcbcb; }
.main .entries .entry-inner { padding-bottom: 2px; margin-bottom: 2px; background: url(images/entry-title.png) repeat-x 0 bottom; }
.main .entries .entry .date { margin-right: 15px;  position: relative; float:left; padding: 14px 12px; width: 40px; height: 34px; background: url(images/date-ico.png) no-repeat 0 0; } 

.main .entries .entry .date strong { color:#00acef; font-size: 11px; line-height: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; display:block; }
.main .entries .entry .date span { font-weight: bold; font-size: 9px; color:#c6c6c6; position:relative; margin-top: 0px; display:block; line-height:9px;  }
.main .entries .entry .date em { -webkit-transform: rotate(-90deg); line-height: 12px;
-moz-transform: rotate(-90deg);	 font-weight: bold; font-style: normal; width: 12px;  color:#bdbdbd; font-size: 11px; position:absolute; bottom: 20px; left: 41px; }

.testimonials { padding-bottom: 30px; }
.testimonials p { font-style: italic; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#898989; }
.testimonials p strong { font-size: 11px; position:relative; bottom: -19px; font-weight: normal; padding-right: 4px;  }
.testimonials p.author { font-size: 11px; text-align: right; }
.testimonials p.author strong { font-size: 11px; bottom: 0; font-weight:bold;  }

#footer { background: url(images/footer-border.png) repeat-x 0 0; padding: 18px 20px 18px 10px; }
.footer-nav { float: left; }
.footer-nav ul { list-style:none; list-style-position: outside; }
.footer-nav ul li { float: left; border-right: 1px solid #afaca9;  padding:0 10px; font-size: 10px; line-height: 10px; }
.footer-nav ul li a { color: #afaca9; }
.footer-nav ul li a:hover { color: #878684; text-decoration: none; }
.footer-nav ul li.last { border-right: 0; }

#footer p.copy { font-size: 10px; color:#afaca9; line-height: 10px; float: right; }
#footer p.copy a { font-size: 10px; color:#00acef;  line-height: 10px; text-decoration: underline; }
#footer p.copy a:hover { text-decoration: none; }
#footer p.copy span { padding:0 7px; }





.menuU{

}
.menuU2{
float: right;    
}

.recuadroCentralSinBorde{
margin-top: 30px;    
background: gray;
color: white;
height: 20px;

}
.recuadro2CentralSinborde{
border: 1px solid gray;
width: 398px;
}

.recuadroCentral{
margin-top: -15px;
background: #CC0000;
color: white;
width: 580px;
height: 20px;
margin-left: 1%;
text-align: center;
box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
-moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
-webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
-webkit-border-top-left-radius: 40px;
-moz-border-radius-topleft: 40px;
border-top-left-radius: 40px; 
}

.recuadro2Central{
border: 1px solid gray;
width: 578px;
margin-left: 1%;
}

.recuadro{
background: #CC0000;
color: white;
width: 167px;
height: 20px;
text-align: center;
box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
-moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
-webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
-webkit-border-top-left-radius: 40px;
-moz-border-radius-topleft: 40px;
border-top-left-radius: 40px;   
}
.recuadro2{
border: 1px solid gray;
width: 165px;
}
.recuadro3{
background: #CC0000;//#cc6666
color: white;
width: 167px;
height: 20px;
text-align: center;
box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
-moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
-webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
-webkit-border-top-right-radius: 40px;
-moz-border-radius-topright: 40px;
border-top-right-radius: 40px;     
}

//COLOR ROJO EN LOS ENLACES
.colorL{
color: #cc3300;  
text-decoration: none;  
}
///////////////////////////7

.TituloSede{
color: #cc3300;  
text-decoration: none;
margin-left: 5%;
font-size: 13px;
color: #00acef
}
.TituloSede2{
color: #666666;
font-size: 13px;
}
.colIzq{
width: 170px;
float: left;
}
.colCentral{
width: 63%;
height:100%; 
float: left;
margin-left: 4px;
text-align: justify;
}
.colDer{
width: 170px;
float: right;
}
.pestanaOn {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; TEXT-TRANSFORM: capitalize; PADDING-TOP: 1px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
.pestanaOff {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 3px; TEXT-TRANSFORM: capitalize; COLOR: #e04e4f; PADDING-TOP: 1px; BACKGROUND-COLOR: #f2f2f2; TEXT-ALIGN: center
}

table {
	border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px
}
td {
	 color: black; font-family: verdana, arial, helvetica, sans-serif
}
tr.odd {
	background-color: #dadada
}
tr.even {
	background-color: #f2f2f2
}
th {
	font-weight: bold; font-size: 10px; color: white; font-family: verdana, arial, helvetica, sans-serif; background-color: #cc6666; text-align: center
}
a:link {	
	font: 12px verdana, arial, helvetica, sans-serif; text-transform: none; color: #cc3300; text-decoration: none
}

.BarraSup{
background-image: url(../Logos/barrasedezarzal.gif) ;
background-size: 981px 18px;
background-repeat: no-repeat;
height: 18px;
width: 981px;
position: relative;
margin-top: 20px;
margin-bottom: 3px;
}
.EnlaceBuscar{
text-align: center;    
margin-top: -4px;
width: 55px;
float: left;
margin-left: 57%
}
.EnlaceDire{
text-align: center;    
margin-top: -4px;    
width: 70px;
float: left;
margin-left: 1%;
}
.EnlaceBiblio{
margin-top: -4px;    
width: 40px; 
float: left;
text-align: center;   
margin-left: 2%;
}
  
 /*Tab de noticias Uno*/ 
  .tabUno{
      background-image: url(../imagenes/fotos/Entrevista.jpg) ;
      background-size:938px 360px;
      background-repeat: no-repeat;
      width: 940px;
      height: 360px;
      position: relative;
  }  
  .tabInfo{
  margin-top:33%; 
  background-color: black;
  opacity: 0.8;
  height: 18%;    
  float: left;
  width: 940px;
  text-align: center;
  }
 /* Fin Tab de noticias Uno*/ 
 /*Tab de noticias Dos*/ 
  .tabDos{
      background-image: url(../imagenes/fotos/Seleccion.png) ;
      background-size:940px 300px;
      background-repeat: no-repeat;
      width: 940px;
      height: 360px;
      position: relative;
  }  
  .tabInfoDos{
  margin-top:32%; 
  background-color: black;
  opacity: 0.8;
  height: 17%;    
  float: left;
  width: 940px;
  text-align: center;
  }
   /* Fin Tab de noticias Dos*/ 
   /*Tab de noticias Tres*/ 
  .tabTres{
      background-image: url(../imagenes/fotos/Induccion.JPG) ;
      background-size:950px 310px;
      background-repeat: no-repeat;
      width: 940px;
      height: 360px;
      position: relative;
  }  
  .tabInfoTres{
  margin-top:33%; 
  background-color: black;
  opacity: 0.8;
  height: 17%;    
  float: left;
  width: 949px;
  text-align: center;
  }
   /* Fin Tab de noticias Tres*/  
   /*Tab de noticias Cuatro*/ 
  .tabCuatro{
      background-image: url(../imagenes/fotos/grado_2014I.JPG) ;
      background-size:940px 300px;
      background-repeat: no-repeat;
      width: 940px;
      height: 360px;
      position: relative;
  }  
  .tabInfoCuatro{
 margin-top:32%; 
  background-color: black;
  opacity: 0.8;
  height: 17%;    
  float: left;
  width: 949px;
  text-align: center;
  }
  .tabInfoCuatroDos{
  margin-top:33%; 
  background-color: black;
  opacity: 0.8;
  height: 14%;    
  float: left;
  width: 578px;
  text-align: center;
  margin-left: 7px;
 color:white;
  }
/* Fin Tab de noticias Cuatro*/ 

.tituloContextoUno:before{
 content: "VISITA CARACOL RADIO A UNIVALLE ZARZAL";
}
.contextoUno:before {
content: "El programa “6:00 a.m. Hoy por hoy” de Caracol Radio, se transmitió el jueves 4 de septiembre, desde nuestra institución. Los periodistas Juan de Jesús Carmona, Hugo Herminsul Atehortua y Mauricio Aristizabal llegaron desde temprano para conocer de cerca la actualidad de la Sede Univalle Zarzal.";
}
.tituloContextoDos:before{
 content: "Boletín Informativo" ; 
}
.contextoDos:before {
content: "3 estudiantes de la Sede Zarzal integran la selección Univalle que participará en los juegos nacionales universitarios Marcela Cañas Osorio de Tecnología en Alimentos en voleibol, Cristhian Alzate Bedoya de Tecnología Electrónica en Atlétismo y Juan Diego Garzón Ovalle de Tecnología Electrónica en Taekwondo.";
}
.tituloContextoTres:before{
 content: "Boletín N° 3 Inducción Estudiantes Administración"       
}
.contextoTres:before {
content: "En el auditorio Álvaro Perea de la Sede Univalle Zarzal se realizó; el acto de bienvenida a los nuevos estudiantes del programa de Administración de Empresas. Asistieron 52 estudiantes provenientes de diferentes municipios del norte de Valle.";
}  
.tituloContextoCuatro:before{
 content: "Boletín N° 02 Ceremonia de graduación"       
}
.contextoCuatro:before {
content: "Con la presencia de familiares, funcionarios y empleados la Universidad del Valle, gradúo un nuevo grupo de profesionales en: Tecnología de Sistemas de Información, Tecnología  en Alimentos, Ingenieros Industriales, Trabajadores Sociales, Licenciados en Educación Básica Primaria, Contadores Públicos y Administradores de Empresas.";
}
   .Actualizacion:before {
content: "Ultima Actualización: 10 de Septiembre de 2014 ";
}